<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
const properties = [
  "中华园,北京市,公寓",
  "华景苑,上海市,别墅",
  "新城市广场,深圳市,公寓",
  "雅居乐花园,广州市,别墅",
  "恒大城,广州市,公寓",
  "太阳花园,北京市,别墅"
]
  function render(data){
      const obj = {}
      const arr =[]
       data.forEach(item=> {
          arr.push(item.split(','))
       })
        let a =0
        let b = 0
        const house =[]
        const villa=[]
        for(let i =0; i<arr.length; i++){
             for(let j=0; j<arr[i].length; j++){
                  if(arr[i][j] ==='公寓') {
                    house.push(arr[i][0])
                    a =arr[i][j]
                  }
                  if(arr[i][j]==='别墅') {
                    villa.push(arr[i][0])
                    b=arr[i][j]
                  }

             }
        }
            obj[a] =house
            obj[b] =villa
           console.log(obj);
  }
  render(properties)
  </script>
</body>
</html>